<!-- 写淘宝的第一屏界面
 日期：2018-7-10-->
<html lang="zh">
<head>
	<meta charset="UTF-8" >
	<title>淘宝网-淘！我喜欢</title>
	<link type="text/css" rel="stylesheet" href="taobao.css" >
	<base target="_blank" />
</head>
<body >
	<!-- 最顶第一个 -->
	<div class="top-bar">
		<a class="logo" href="https://www.taobao.com" target="black">	淘宝</a>
		<ul class="nav-hd">
			<li><a href="#">宝贝</a></li>
			<li><a href="#">天猫</a></li>
			<li><a href="#">店铺</a></li>
			
		</ul>	
		<form class="sousuo-bar">
			<input class="frame" type="text" name="sousuo" 
			value="迷你挎包" style="padding-left:10px;color:#999" onfocus="if(this.value == '迷你挎包'){this.value='';this.style.color='#424242'}"
			onblur="if(this.value==''){this.value='迷你挎包';this.style.color='#999'}">
			<input class="sousuo" type="submit" value="搜索">
		</form>
		<ul class="top-bar-bottom">
			<li ><a href="https://s.taobao.com/search?spm=a21bo.2017.201856-fline.1.5af911d95RmuZp&q=%E8%BF%9E%E8%A1%A3%E8%A3%99&refpid=420460_1006&source=tbsy&style=grid&tab=all&pvid=d0f2ec2810bcec0d5a16d5283ce59f66" >新款连衣裙</a></li>
			<li><a href="https://s.taobao.com/search?spm=a21bo.2017.201856-fline.2.5af911d94PZLkt&q=%E5%9B%9B%E4%BB%B6%E5%A5%97&refpid=420461_1006&source=tbsy&style=grid&tab=all&pvid=d0f2ec2810bcec0d5a16d5283ce59f67 " >四件套</a></li>
			<li><a href="https://s.taobao.com/search?spm=a21bo.2017.201856-fline.3.5af911d94PZLkt&q=T%E6%81%A4&refpid=420462_1006&source=tbsy&style=grid&tab=all&pvid=d0f2ec2810bcec0d5a16d5283ce59f67"  style="color:#f40">潮流T恤</a></li>
			<li><a href="https://s.taobao.com/search?spm=a21bo.2017.201856-fline.4.5af911d94PZLkt&q=%E5%A5%B3%E9%9E%8B&refpid=420466_1006&source=tbsy&style=grid&tab=all&pvid=d0f2ec2810bcec0d5a16d5283ce59f68" >时尚女鞋</a></li>
			<li><a href="https://s.taobao.com/search?spm=a21bo.2017.201856-fline.5.5af911d94PZLkt&q=%E7%9F%AD%E8%A3%A4&refpid=430145_1006&source=tbsy&style=grid&tab=all&pvid=d0f2ec2810bcec0d5a16d5283ce59f69" >短裤</a></li>
			<li><a href="https://s.taobao.com/search?spm=a21bo.2017.201856-fline.6.5af911d94PZLkt&q=半身裙&refpid=430146_1006&source=tbsy&style=grid&tab=all&pvid=d0f2ec2810bcec0d5a16d5283ce59f70" ">半身裙</a></li>
			<li><a href="https://s.taobao.com/search?spm=a21bo.2017.201856-fline.7.5af911d94PZLkt&q=%E7%94%B7%E5%A3%AB%E5%A4%96%E5%A5%97&refpid=430147_1006&source=tbsy&style=grid&tab=all&pvid=d0f2ec2810bcec0d5a16d5283ce59f70" 男士外套</a></li>
			<li><a href="https://s.taobao.com/search?spm=a21bo.2017.201856-fline.8.5af911d94PZLkt&q=%E5%A2%99%E7%BA%B8&refpid=430148_1006&source=tbsy&style=grid&tab=all&pvid=d0f2ec2810bcec0d5a16d5283ce59f70" >墙纸</a></li>
			<li><a href="https://s.taobao.com/search?spm=a21bo.2017.201856-fline.9.5af911d94PZLkt&q=%E8%A1%8C%E8%BD%A6%E8%AE%B0%E5%BD%95%E4%BB%AA&refpid=420467_1006&source=tbsy&style=grid&tab=all&pvid=d0f2ec2810bcec0d5a16d5283ce59f69"">行车记录仪</a></li>
			<li><a href="https://s.taobao.com/search?spm=a21bo.2017.201856-fline.10.5af911d94PZLkt&q=%E7%94%B7%E9%9E%8B&refpid=430144_1006&source=tbsy&style=grid&tab=all&pvid=d0f2ec2810bcec0d5a16d5283ce59f69" >新款男鞋</a></li>
			<li><a href="https://s.taobao.com/search?spm=a21bo.2017.201856-fline.11.5af911d94PZLkt&q=%E8%80%B3%E6%9C%BA&refpid=420463_1006&source=tbsy&style=grid&tab=all&pvid=d0f2ec2810bcec0d5a16d5283ce59f67" >耳机</a></li>
			<li><a href="https://s.taobao.com/search?spm=a21bo.2017.201856-fline.12.5af911d94PZLkt&q=%E5%A5%B3%E5%8C%85&refpid=420464_1006&source=tbsy&style=grid&tab=all&pvid=d0f2ec2810bcec0d5a16d5283ce59f68" >时尚女包</a></li>
			<li><a href="https://s.taobao.com/search?spm=a21bo.2017.201856-fline.13.5af911d94PZLkt&q=%E6%B2%99%E5%8F%91&refpid=420465_1006&source=tbsy&style=grid&tab=all&pvid=d0f2ec2810bcec0d5a16d5283ce59f68" >沙发</a></li>
			
		</ul>
	</div>
	<!-- 中间导航栏 -->
	<div class="centbar">
		<div>主题市场</div>
		<ul><li><a href="">天猫</a></li>
			<li><a href="">聚划算</a></li>
			<li><a href="">天猫超市</a></li>
		</ul> 
		<ul>
			<li class="color">|</li>
			<li><a href="">淘抢购</a></li>
			<li><a href="">电器城</a></li>
			<li><a href="">司法拍卖</a></li>
			<li><a href="">中国质造	</a></li>
			<li><a href="">兴农扶贫</a></li>
		</ul>
		<!-- <ul>
			<li class="color">|</li>
			<li><a href="">飞猪旅行</a></li>
			<li><a href=""></a></li>
			<li><a href="">智能生活</a></li>
			<li><a href="">苏宁易购	</a></li>
			<li><a href="">玩转黑科技</a></li>
		</ul> -->
	</div>
	
	<!-- 主要的中心导航框 -->
<div class="screen-center">
	<div class="main">
		<div class="main-inner">
			<div class="left">
				<ul> 
					<li><a href="https://www.taobao.com/markets/nvzhuang/taobaonvzhuang?spm=a21bo.2017.201867-main.1.5af911d9yM8YTx">女装</a>/
					<a href="https://www.taobao.com/markets/nanzhuang/2017new">男装</a>/
					<a href="https://neiyi.taobao.com">内衣</a>
					</li>
					<li><a href="https://www.taobao.com/markets/xie/nvxie/index">鞋靴</a>/
					<a href="https://www.taobao.com/markets/bao/xiangbao">箱包</a>/
					<a href="https://pei.taobao.com">配件</a>
					</li>
					<li><a href="https://www.taobao.com/markets/qbb/index?spm=a21bo.50862.201879-item-1008.5.YrbXb6&pvid=b9f2df4c-6d60-4af4-b500-c5168009831f&scm=1007.12802.34660.100200300000000">童装玩具</a>/
					<a href="https://www.taobao.com/markets/qbb/index?spm=a21bo.50862.201867-main.8.mL7cax&pvid=b9f2df4c-6d60-4af4-b500-c5168009831f&scm=1007.12802.34660.100200300000000">孕产</a>/
					<a href="https://www.taobao.com/markets/qbb/index?spm=a21bo.50862.201867-main.8&pvid=b9f2df4c-6d60-4af4-b500-c5168009831f&scm=1007.12802.34660.100200300000000">用品</a>
					</li>
					<li><a href="https://www.taobao.com/markets/3c/tbdc">家电</a>/
					<a href="https://www.taobao.com/markets/3c/tbdc">数码</a>/
					<a href="https://www.taobao.com/markets/3c/tbdc">手机</a>
					</li>
					<li><a href="//mei.taobao.com/">美妆</a>/
					<a href="https://www.taobao.com/market/baihuo/xihuyongpin.php?spm=a217u.7383845.a214d5z-static.49.e8DQmz">洗护</a>/
					<a href="//g.taobao.com/brand_detail.htm?navigator=all&_input_charset=utf-8&q=%E8%90%A5%E5%85%BB%E5%93%81&spm=a21bo.50862.201867-links-4.54.oMw9IU">保健品</a>
					</li>
					<li><a href="https://www.taobao.com/market/peishi/zhubao.php">珠宝</a>/
					<a href="https://www.taobao.com/market/peishi/yanjing.php?spm=a219r.lm5630.a214d69.14.CkLAJ7">眼镜</a>/
					<a href="https://www.taobao.com/market/peishi/shoubiao.php">手表</a>
					</li>
					<li><a href="https://www.taobao.com/markets/coolcity/coolcityHome">运动</a>/
					<a href="https://www.taobao.com/markets/coolcity/coolcityHome">户外</a>/
					<a href="https://www.taobao.com/markets/amusement/home">乐器</a>
					</li>
					<li><a href="https://game.taobao.com">游戏</a>/
					<a href="https://www.taobao.com/markets/acg/dongman">动漫</a>/
					<a href="https://www.taobao.com/markets/acg/yingshi">影视</a>
					</li>
					<li><a href="https://chi.taobao.com/">美食</a>/
					<a href="https://chi.taobao.com/">生鲜</a>/
					<a href="https://chi.taobao.com/">零食</a>
					</li>
					<li><a href="https://s.taobao.com/search?q=%E5%9B%AD%E8%89%BA&imgfile=&commend=all&ssid=s5-e&search_type=item&sourceId=tb.index&spm=a21bo.50862.201856-taobao-item.1&ie=utf8&initiative_id=tbindexz_20170419">鲜花</a>/
					<a href="https://s.taobao.com/search?ie=utf8&initiative_id=staobaoz_20170419&stats_click=search_radio_all%3A1&js=1&imgfile=&q=%E8%BF%9B%E5%8F%A3%E7%8B%97%E7%B2%AE&suggest=history_3&_input_charset=utf-8&wq=&suggest_query=&source=suggest">宠物</a>/
					<a href="https://s.taobao.com/search?q=%E5%86%9C%E8%B5%84&imgfile=&commend=all&ssid=s5-e&search_type=item&sourceId=tb.index&spm=a21bo.50862.201856-taobao-item.1&ie=utf8&initiative_id=tbindexz_20170221">农资</a>
					</li>
					<li><a href="https://fang.taobao.com/">房产</a>/
					<a href="https://s.taobao.com/list?spm=a21bo.50862.201867-links-10.27.iQWRJS&source=youjia&cat=50097129">装修</a>/
					<a href="https://www.jiyoujia.com/markets/youjia/zhuangxiucailiao">建材</a>
					</li>
					<li><a href="https://s.taobao.com/list?spm=a21bo.7932212.202572.1.rtUtMQ&source=youjia&q=%E5%AE%B6%E5%85%B7">家具</a>/
					<a href="https://s.taobao.com/list?source=youjia&cat=50065206%2C50065205">家饰</a>/
					<a href="https://s.taobao.com/list?spm=a21bo.50862.201867-links-11.80.K6jN68&source=youjia&cat=50008163&bcoffset=0&s=240">家纺</a>
					</li>
					<li><a href="https://car.tmall.com/wow/car/act/carfp">汽车</a>/
					<a href="">二手车</a>/
					<a href="https://car.tmall.com/wow/car/act/carfp">用品</a>
					</li>
					<li><a href="https://www.taobao.com/markets/bangong/pchome">办公</a>/
					<a href="https://www.taobao.com/markets/dingzhi/home">DIY</a>/
					<a href="https://wujin.taobao.com/">五金电子</a>
					</li>
					<li><a href="https://s.taobao.com/list?source=youjia&q=%E7%99%BE%E8%B4%A7">百货</a>/
					<a href="https://s.taobao.com/list?source=youjia&cat=50035867&bcoffset=0&s=240">餐具</a>/
					<a href="https://www.taobao.com/markets/promotion/tbbj">家庭保障</a>
					</li>
					<li><a href="https://xue.taobao.com">学习</a>/
					<a href="https://ka.taobao.com/">卡卷</a>/
					<a href="https://s.taobao.com/list?q=%E4%B8%8A%E9%97%A8%E6%9C%8D%E5%8A%A1&cat=50097750">本地服务</a>
					</li>
					
					
					
					
				</ul>
			</div>
			<!-- 中间图片	 -->
			<div class="center">
				<img src="https://aecpm.alicdn.com/simba/img/TB183NQapLM8KJjSZFBSutJHVXa.jpg"    style="width:520px; height:280px;">
				522*512
			</div>
		</div>
		
	   
	</div>
	<!-- 右边区域 -->
	<div class=col-right>
		<div class="top">
		
		</div>
		<a href="" class="jb">
			<div class="wenzi">网上有害信息举报区
		
			</div>	
			<div class="triangle"></div>
		</a>
		<div class="gong-gao"> 
		公共
		</div>
		<div class="tubiao"> 
		图标
		</div>
		<div class="ali">
			阿里
		</div>
	</div>
</div>
		
		
		
		
		
		
		
		
</body>
</html>	

























